<template>
	<view>
		<!-- 弹窗 -->
		<tui-drawer mode="bottom" :visible="visible" @close="closeDrawer()" zIndex="99999"
			backgroundColor="rgba(255,255,255,0)">
			<view class="d-container">

			</view>
		</tui-drawer>
	</view>
</template>

<script>
	import {
		mapMutations,
		mapActions
	} from 'vuex';
	export default {
		data() {
			return {
				visible: false
			};
		},
		computed: {},
		methods: {
			closeDrawer(e) {
				this.visible = false
			},
			//调用此方法显示抽屉
			openDrawer() {
				this.visible = true
			},
		}
	}
</script>

<style lang="scss" scoped>
	.d-container {
		width: 100%;
		height: 810rpx;
		position: relative;
		border-radius: 42rpx 42rpx 0 0;
		overflow: hidden;
		background: #fff;

		.loginbg {
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}

		.login-content {
			width: 100%;
			padding: 108rpx 48rpx 0;
			position: relative;
			z-index: 2;

			.logo-img {
				width: 120rpx;
				height: 120rpx;
			}

			.title {
				margin-top: 48rpx;

				.title1 {
					font-size: 40rpx;
					color: #1F1F1F;
					line-height: 56rpx;
					font-weight: bold;
				}

				.title2 {
					font-size: 28rpx;
					color: #757575;
					line-height: 56rpx;
				}
			}

			.login-btn {
				width: 100%;
				height: 104rpx;
				background: #FFCC00;
				border-radius: 114rpx 114rpx 114rpx 114rpx;
				margin-top: 60rpx;
				font-size: 32rpx;
				color: #0F1C2A;
				font-weight: bold;

				&::after {
					border: none;
				}
			}

			.close-btn {
				font-size: 28rpx;
				color: #757575;
				line-height: 56rpx;
				margin-top: 24rpx;
				text-align: center;
			}
		}

	}
</style>